import Vue from 'vue'
import Router from 'vue-router'
import Home from 'components/home/home'
import About from 'components/about/about'
import Product from 'components/product/product'
import Contact from 'components/contact/contact'
import Login from 'components/login/login'
import Register from 'components/register/register'
import News from 'components/News/News'
import ProDetail from 'components/proDetail/proDetail'
import ProDes from 'components/proDes/proDes'
import ProComm from 'components/proComm/proComm'
import ProBuyKnow from 'components/proBuyKnow/proBuyKnow'
import PerfectForm from 'components/perfect-form/perfect-form'

import ProList from 'components/pro-list/pro-list'
// import Recommend from 'components/recommend/recommend'
// import Singer from 'components/singer/singer'
// import Rank from 'components/rank/rank'
// import Search from 'components/search/search'
// import SingerDetail from 'components/singer-detail/singer-detail'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      redirect: '/home'
    },
    {
      path: '/home',
      component: Home
    },
    {
      path: '/about',
      component: About
    },
    {
      path: '/product',
      component: Product
    },
    {
      path: '/contact',
      component: Contact
    },
    {
      path: '/login',
      component: Login
    },
    {
      path: '/register',
      component: Register,
      children: [
        {
          path: 'perfect-form',
          component: PerfectForm
        }
      ]
    },
    {
      path: '/news',
      component: News
    },
    {
      path: '/prodetail',
      component: ProDetail,
      redirect: '/prodetail/prodes',
      children: [
        {
          path: 'prodes',
          component: ProDes
        },
        {
          path: 'procomm',
          component: ProComm
        },
        {
          path: 'proother',
          component: ProBuyKnow
        }
      ]
    }
  ]
})
